
{extend name='main'}



{block name="content"}
<style>
    .my-excel li {
        list-style: inside !important;
    }
</style>
<div class="think-box-shadow table-block">
    <section class="normal markdown-section" style="    margin-left: 10px;">

        <h1 >功能概览</h1>
        <ul class="my-excel">
            <li>支持梳理导出的数据并导出多种格式数据</li>
            <li>无额外依赖，<strong>引入就用</strong>，一键导出</li>
            <li>支持IE、火狐、chrome等主流浏览器</li>
            <li>普通工作电脑最多支持9列45W行数据规模的导出</li>
            <li>支持 <strong>xls、xlsx、csv</strong>格式的<strong>前端数据读取导入</strong>以及数据梳理</li>
            <li>支持<strong>单个文件多个 sheet 的导出</strong></li>
            <li>提供方便的<strong>列合并</strong>辅助方法</li>
            <li>提供方便的<strong>样式设置</strong>方法以及<strong>边框辅助</strong>方法</li>
            <li>支持<strong>单元格样式</strong>设置</li>
            <li>支持<strong>设置单元格宽度和高度</strong>并提供辅助方法方便使用</li>
            <li>支持<strong>公式</strong>、链接等单元格属性设置</li>
            <li>支持<strong>压缩</strong>，支持设置边距</li>
            <li>支持 <strong>npm</strong> 、Script引入、layui插件等多种使用形式</li>
        </ul>
        <span style="padding-right: 20px;color: #232323;font-size: 16px;">这是一个基本导出案列，更多使用方法，请移步<a style="    padding: 0 3px;" href="http://excel.wj2015.com/_book/" target="_blank">官方文档</a></span>
        <button onclick="downExcel()" type="button" data-title="导出" class='layui-btn layui-btn-sm' >导出excel</button>

    </section>


</div>

<script>
    
    function downExcel() {
        var myDate = new Date();
        var year = myDate.getFullYear();
        var month = myDate.getMonth() + 1;
        var timestart = Date.now();

        layer.confirm('是否继续导出excel文件?', {icon: 3,}, function () {
            $.ajax({
                url: '{:url("downExcel")}',
                dataType: 'json',
                success: function (res) {
                    LAY_EXCEL.exportExcel(res.data, '测试表格'+year+month+Math.random()+'.xlsx', 'xlsx');
                    var timeend = Date.now();
                    var spent = (timeend - timestart) / 1000;
                    layer.alert('导出耗时 '+spent+' s',function () {
                        layer.closeAll()
                    });
                }

            });
        });
    }

</script>
{/block}
